<template lang="pug">
  div.set 设置
    ul
      li.arrows-top
      li(class="arrows-top arrows-down")
      li 搜索设置
      li 高级搜索
      li 关闭预测
      li 搜索历史
</template>

<script>
export default {
  name: 'set'
}
</script>

<style scoped lang="stylus">
  .set
    cursor pointer
    margin:0 20px
    position relative
    &:hover ul
      display: block
    ul
      border 1px solid #d1d1d1
      box-shadow 1px 1px 5px #d1d1d1;
      position: absolute
      left: -20px
      top 25px
      display: none
      list-style-type none
      .arrows-top
        width:0
        height:0
        line-height:0
        border 6px solid transparent
        border-bottom-color #d1d1d1
        display: inline-block
        position: absolute
        top:-13px
        left:0
        right 0
        margin 0 auto
      .arrows-down
        top:-12px
        border-bottom-color white
      li:nth-child(n+3)
        width:70px
        height:26px
        line-height 26px
        &:hover
          color: #fff
          background-color: #38f;
</style>
